<template>
 <div class="col-md-12 show">
                    <div class="row text-center">
                        <div class="col-md-2">
                            <p class="p-l">
                                姓名
                            </p>
                        </div>
                        <div class="col-md-2">
                            <p>
                                {{ this.Date2.姓名 }}
                                <!-- {{ name }} -->
                            </p>
                        </div>
                        <!-- <div class="col-md-1"></div> -->
                        <div class="col-md-2 text-center">
                            <p class="p-l">
                                出生日期
                            </p>
                        </div>
                        <div class="col-md-1">
                          <p>
                            <!-- {{ age1 }} -->
                            {{ this.Date2.生日 }}
                          </p>
                        </div>
                        <!-- <div class="col-md-1"></div> -->
                        <div class="col-md-2 text-center">
                            <p class="p-l">
                                性别
                            </p>
                        </div>
                        <div class="col-md-1">
                          <p>
                            <!-- {{ gender1 }} -->
                            {{ Date2.性别 }}
                          </p>
                        </div>
                    </div>

                    <div class="row jianxihang"></div>

                    <div class="row text-center">
                        <div class="col-md-2">
                            <p class="p-l">学历</p>
                        </div>
                        <div class="col-md-2">
                            <p>
                                {{ Date2.最高学历 }}
                                <!-- {{ xueli }} -->
                            </p>
                        </div>
                        <!-- <div class="col-md-1"></div> -->
                        <div class="col-md-2">
                            <p class="p-l">毕业院校</p>
                        </div>
                        <div class="col-md-2">
                            <p>
                                {{ Date2.毕业院校 }}
                            </p>
                        </div>
                    </div>

                    <div class="row jianxihang"></div>

                    <div class="row text-center">
                        <div class="col-md-2">
                            <p class="p-l">工作地点</p>
                        </div>
                        <div class="col-md-4">
                            {{ Date2.期望工作地区 }}
                        </div>
                    </div>

                    <div class="row jianxihang"></div>

                    <div class="row text-center">
                        <div class="col-md-2">
                            <p class="p-l">期望从事行业</p>
                        </div>
                        <div class="col-md-4 hangyye">
                            <ul>
                                <li class="hangyexianshi" v-for="(item,index) in Date2.期望从事行业">
                                    {{ item }}
                                </li>
                                <!-- <li class="hangyexianshi">第二项</li>
                                <li class="hangyexianshi">第三项</li>
                                <li class="hangyexianshi">第三项</li>
                                <li class="hangyexianshi">第三项</li> -->
                              </ul>
                        </div>
                        <div class="col-md-1">
                            <p class="p-l">薪资</p>
                        </div>
                        <div class="col-md-2">
                            <p>{{ Date2.期望月薪 }}</p>
                        </div>

                  </div>
                   
                    </div>
</template>
<style>
.show{
    background-color: rgba(240, 254, 255, 0.356);
                height: 500px;
                margin-top: 50px;
                border-radius: 10%;
                padding-top: 50px
}
.p-s{
    height: 64px;
}
.p-l{
    font-weight: bolder;
    font-size: larger;
}
.jianxihang{
    height: 20px;
}
.hangyye{
    height: 200px;
}

.hangyye ul li{
    width: 320px;
    height: 40px;
}
</style>
<script>
// import store from '@/store/index.js'
// import { mapMutations } from 'vuex';
// import { mapGetters } from 'vuex';
// store.state.data="hrp"
// store.state.n
// name1=this.$store.state.name
import { mapState } from 'vuex';
console.log(localStorage.getItem("Date"));
var hrp={'姓名':"何瑞平平",'age':"120",'gender':'男','address':'吉林省长春市宽城区','school':"长春工业大学","xingzi":'1200','work':['123','1234','12345','123456','1234567']}
export default{
    data(){
        return {
            // Date1:localStorage.getItem("Date"),
            Date2:JSON.parse(localStorage.getItem("Date")),
            // Date2:JSON.parse(localStorage.getItem("Date")),
            // name3:"何瑞平"
        }
    },
    computed:{
        ...mapState(['name','gender','sex','school','xinzi','xueli','age','address'])
    },
    // data(){
    //     return{
    //         name1:hrp.姓名,
    //         age1:hrp.age,
    //         address1:hrp.address,
    //         gender1:hrp.gender,
    //         school1:hrp.school,
    //         xingzi1:hrp.xingzi,
    //         work1:hrp.work
    //     }
    // },
    methods:{
        
        
    }
}
</script>